<template>
  <!-- 橙色背景、圆角、内边距 -->
  <view style="background: #f9c784; padding: 30rpx; margin: 20rpx 0; border-radius: 8rpx;">
    <!-- 子组件A标题：居中、加粗、大字号 -->
    <view style="font-size: 36rpx; font-weight: bold; text-align: center; margin-bottom: 20rpx;">
      子组件A
    </view>
    <!-- 父传值：Hello设为红色 -->
    <view style="font-size: 28rpx; margin-bottom: 20rpx;">
      父组件传进来的值: 
      <text style="color: red; font-weight: bold;">{{ intent }}</text>
    </view>
    <!-- 蓝色按钮、白色文字、宽度适配 -->
    <button 
      type="primary" 
      style="width: 100%; background: #1677ff; color: #fff; border-radius: 4rpx; width: 400rpx;font-size: 35rpx;padding: 8rpx 0;"
      @click="sendToParent"
    >
      传值给CompB组件
    </button>
  </view>
</template>

<script>
export default {
  props: {
    intent: {
      type: String,
      default: ''
    }
  },
  methods: {
    sendToParent() {
      this.$emit('sendValue', this.intent)
    }
  }
}
</script>